<template>
    <div class="seach_bar">
        <input type="text" placeholder="秋季最新餐品">
        <i class="iconfont icon-sousuo"></i>
    </div>
</template>

<script>
 export default {
   data() {
     return {

     }

   },
   components: {

   }
 }
</script>

<style lang="less">
.seach_bar{
    width:200px;
    height: 32px;
    padding-left:10px;
    background-color: #ededed;
    border-radius: 16px;
    z-index: 999;
    input{
        float:left;
        height: 100%;
        width:80%;
    };
    .iconfont{
        display: inline-block;
        width:30px;
        height:30px;
        font-size:30px;
        margin-top: -1px;
    }
}
</style>
